<!DOCTYPE html>
<html lane="zh-cn">
<head>
	<!--<link rel="stylesheet" href="../static/css/bootstrap.css">-->
	<!--<link rel="stylesheet" href="../static/css/pane.css">-->
	<link rel="stylesheet" href="../static/css/svg_pane.css">
	<script type="text/javascript" src="../static/js/jquery.js"></script>
	<script type="text/javascript" src="../static/js/bootstrap.js"></script>
	<script type="text/javascript" src="../static/js/sylvester.js"></script>
	<script type="text/javascript" src="../static/js/raphael.js" charset="utf-8"></script>
	<script type="text/javascript" src="../static/js/svg_pane.js" charset="utf-8"></script>
</head>
<body>
<div id="editor">
<div id="uplayer">
	<div id="menu_bar">
		<div id="logo" class="box" title="logo message">
		</div>
		<button id="undo" class="box" title="undo last step">
		</button>
		<button id="redo" class="box" title="redo last step">
		</button>
		<div id="seperator" class="sep_line">
		</div>
		<div id="save" class="box" title="save the result">
		</div>
	</div>
	<div id="main_workspace">
		<div id="tool_bar">
			<div id="pointer" class="left_box" title="the pointer"> </div>
			<div id="pencil" class="left_box" title="the pencil"> </div>
			<div id="lines" class="left_box" title="the lines"> </div>
			<div id="rectangle" class="left_box" title="the rectangle"> </div>
			<div id="circle" class="left_box" title="the circle"> </div>
			<div id="delete" class="left_box" title="delete element"> </div>
			<div id="dragable" class="left_box" title="the drag"> </div>
			<div id="textinput" class="left_box" title="the textinput"> </div>
			<div id="pathinput" class="left_box" title="the pathinput"> </div>
		</div>
		<div id="draw_area">
		</div>
		<div id="material_folder">
		</div>
	</div>
	<div id="footer_bar">
</div>
</div>
</div>
</body>
</html>